 <!-- 发布简历页面 -->
<template>
  <div class="resumeDetail">
    <el-descriptions title="简历" :column="column">
      <el-descriptions-item contentStyle="font-weight:550" label="创建人">{{
        userinfo.userName
      }}</el-descriptions-item>
      <el-descriptions-item label="求职意向">{{
        list.title
      }}</el-descriptions-item>
      <el-descriptions-item label="性别">{{
        userinfo.sex
      }}</el-descriptions-item>
      <el-descriptions-item label="年龄">{{
        userinfo.age
      }}</el-descriptions-item>
      <el-descriptions-item label="邮箱">
        {{ userinfo.email }}
      </el-descriptions-item>
      <el-descriptions-item label="个人技能描述">
        {{ list.content }}
      </el-descriptions-item>
      <el-descriptions-item label="求职类型">
        {{ list.type }}
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
import resumeDetail from "../request/index";
export default {
  props: ["jobId"],
  data() {
    return {
      list: [], // 详情数据
      userinfo: [],
      column: 1, // 每行一条
    };
  },

  methods: {
    // 获取详情数据
    resumeDetail() {
      //请求
      resumeDetail.getResumeData(this.jobId).then((res) => {
        if (res.data.code == 200) { //code200  代表成功
          let result = res.data.result;
          this.list = result;
          this.userinfo = result.userInfo;
          console.log(this.list, this.userinfo);
        }
      });
    },
  },

  created() {
    this.resumeDetail();
  },
};
</script>

<style lang="scss" scoped >
* {
  padding: 0;
  margin: 0;
}
.resumeDetail {
  margin-bottom: 30px;
  ::v-deep .el-descriptions__title {
    color: rgb(8, 241, 241);
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
  }
  ::v-deep .el-descriptions__header {
    margin-bottom: 40px;
  }
  ::v-deep .el-descriptions-item__container {
    margin-left: 100px;
  }
}
</style>
